<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Dashboard Template for Bootstrap</title>
  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
  <link th:href="@{/css/dashboard.css}" rel="stylesheet">
  <link th:href="@{/css/common.css}" rel="stylesheet">

</head>

<body>
<!--导航栏-->
<div th:insert="~{commons/commons::navbar}"></div>

<div class="container-fluid">
  <div class="row">

    <!--侧边栏-->
    <div th:insert="~{commons/commons::sidebar(active='carManage')}"></div>


    <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4" >
        <div class="m-tb-lg text-xl">车辆管理·新增车辆</div>


        <div class="m-t-lg">
          <div class="d-inline-block m-l-lg m-r-lg">
            <div class="text-md"><span style="color: red">*</span>车牌号</div>
            <input class="form-control" type="text" >
          </div>
          <div class="d-inline-block m-l-lg">
            <div class="text-md"><span style="color: red">*</span>类型</div>
            <select class="form-control " name="type_id" >
              <option th:each="type:${carType}" th:text="${type.getName()}" th:value="${type.getId()}"></option>
            </select>
          </div>
        </div>

        <div class=" m-t-xl">
          <div class="d-inline-block m-lr-lg" >
            <div class="text-md">品牌</div>
            <input class="form-control" name="brand" >
          </div>

          <div class="d-inline-block m-l-lg">
            <div class="text-md">核载人数</div>
            <input class="form-control " name="approved_num" >
          </div>

        </div>

        <div class="m-t-xl">
          <div class="d-inline-block m-lr-lg">
            <div class="text-md">备注</div>
            <input class="form-control " name="memo" >
          </div>
        </div>

        <div class="m-t-xl">
          <div class="d-inline-block m-l-lg m-r-xxl">
            <div class="text-md"><span style="color: red">*</span>状态</div>
            <select class="form-control " name="state_id" >
              <option th:each="state:${carState}" th:text="${state.getName()}" th:value="${state.getId()}"></option>
            </select>
          </div>

          <div class="d-inline-block m-l-xl">
            <div class="text-md">使用用户</div>
            <select class="form-control " name="" >
              <option th:each="user:${users}" th:text="${user.getName()}" th:value="${user.getAid()}"></option>
            </select>
          </div>
        </div>

        <div class="flex m-l-xxl">
          <div class="m-t-xl ">
            <a class="btn btn-sm btn-danger m-l-xxl" >取消</a>
            <a class="btn btn-sm btn-primary m-l-xl text-white" >保存</a>
          </div>
        </div>

      </div>

    </main>

  </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" th:src="@{/js/jquery-3.5.1.slim.min.js}"></script>
<script type="text/javascript" th:src="@{/js/popper.min.js}"></script>
<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>

<!-- Icons -->
<script type="text/javascript" th:src="@{/js/feather.min.js}"></script>

</body>

</html>